<template lang="html">
  <article id="views-book_court">
    <BookTop :seletedDate="seletedDate"></BookTop>
    <BookSelect
    :courts="courts"
    :seletedSection="seletedSection"
     ></BookSelect>

  </article>
</template>

<script>
export default {
  components: {
    BookTop: require('@/components/court_book/book_top'),
    BookSelect: require('@/components/court_book/book_concent')
  },
  data(){
    return {
      seletedDate: [
        {date: '05.23', date_week: 'Monday'},
        {date: '05.24', date_week: 'Tuesday'},
        {date: '05.25', date_week: 'Wednesday'},
        {date: '05.26', date_week: 'Thursday'},
        {date: '05.27', date_week: 'Friday'},
        {date: '05.28', date_week: 'Saturday'},
        {date: '05.29', date_week: 'Sunday'}
      ],
      courts: [
        {name: 'A1', courtType: '半场', courtCondition: '室外场',courtId: 1},
        {name: 'A2', courtType: '半场', courtCondition: '室外场',courtId: 2},
        {name: 'A3', courtType: '半场', courtCondition: '室外场',courtId: 3},
        {name: 'A3', courtType: '半场', courtCondition: '室外场',courtId: 4},
        {name: 'A3', courtType: '半场', courtCondition: '室外场',courtId: 5},
        {name: 'A3', courtType: '半场', courtCondition: '室外场',courtId: 6},
        {name: 'A3', courtType: '半场', courtCondition: '室外场',courtId: 7},
        {name: 'A3', courtType: '半场', courtCondition: '室外场',courtId: 8}
      ],
      seletedSection: [
        {bookTime: '8:00',
          section: [
            {courtId: 1, status: 0, price: '100', id: 1},
            {courtId: 2, status: 1, price: '200', id: 2},
            {courtId: 3, status: 1, price: '300', id: 3},
            {courtId: 4, status: 1, price: '400', id: 4},
            {courtId: 5, status: 1, price: '500', id: 5},
            {courtId: 6, status: 1, price: '600', id: 6},
            {courtId: 7, status: 1, price: '700', id: 7},
            {courtId: 8, status: 1, price: '800', id: 8}
          ]
        },
        {bookTime: '9:00',
          section: [
            {courtId: 1, status: 1, price: '200', id: 9},
            {courtId: 2, status: 1, price: '200', id: 10},
            {courtId: 3, status: 1, price: '300', id: 11},
            {courtId: 4, status: 1, price: '400', id: 12},
            {courtId: 5, status: 1, price: '500', id: 13},
            {courtId: 6, status: 1, price: '600', id: 14},
            {courtId: 7, status: 1, price: '700', id: 15},
            {courtId: 8, status: 1, price: '800', id: 16}
          ]
        },
        {bookTime: '10:00',
          section: [
            {courtId: 1, status: 1, price: '300', id: 17},
            {courtId: 2, status: 1, price: '200', id: 18},
            {courtId: 3, status: 1, price: '300', id: 19},
            {courtId: 4, status: 1, price: '400', id: 20},
            {courtId: 5, status: 1, price: '500', id: 21},
            {courtId: 7, status: 1, price: '700', id: 22},
            {courtId: 8, status: 1, price: '800', id: 23}
          ]
        },
        {bookTime: '11:00',
          section: [
            {courtId: 1, status: 1, price: '400', id: 24},
            {courtId: 2, status: 1, price: '200', id: 25},
            {courtId: 3, status: 1, price: '300', id: 26},
            {courtId: 4, status: 1, price: '400', id: 27},
            {courtId: 5, status: 1, price: '500', id: 28},
            {courtId: 6, status: 1, price: '600', id: 29},
            {courtId: 7, status: 1, price: '700', id: 30},
            {courtId: 8, status: 1, price: '800', id: 31}
          ]
        },
        {bookTime: '11:00',
          section: [
            {courtId: 1, status: 1, price: '400', id: 24},
            {courtId: 2, status: 1, price: '200', id: 25},
            {courtId: 3, status: 1, price: '300', id: 26},
            {courtId: 4, status: 1, price: '400', id: 27},
            {courtId: 5, status: 1, price: '500', id: 28},
            {courtId: 6, status: 1, price: '600', id: 29},
            {courtId: 7, status: 1, price: '700', id: 30},
            {courtId: 8, status: 1, price: '800', id: 31}
          ]
        },
        {bookTime: '12:00',
          section: [
            {courtId: 1, status: 1, price: '400', id: 24},
            {courtId: 2, status: 1, price: '200', id: 25},
            {courtId: 3, status: 1, price: '300', id: 26},
            {courtId: 4, status: 1, price: '400', id: 27},
            {courtId: 5, status: 1, price: '500', id: 28},
            {courtId: 6, status: 1, price: '600', id: 29},
            {courtId: 7, status: 1, price: '700', id: 30},
            {courtId: 8, status: 1, price: '800', id: 31}
          ]
        },
        {bookTime: '11:00',
          section: [
            {courtId: 1, status: 1, price: '400', id: 24},
            {courtId: 2, status: 1, price: '200', id: 25},
            {courtId: 3, status: 1, price: '300', id: 26},
            {courtId: 4, status: 1, price: '400', id: 27},
            {courtId: 5, status: 1, price: '500', id: 28},
            {courtId: 6, status: 1, price: '600', id: 29},
            {courtId: 7, status: 1, price: '700', id: 30},
            {courtId: 8, status: 1, price: '800', id: 31}
          ]
        },
        {bookTime: '11:00',
          section: [
            {courtId: 1, status: 1, price: '400', id: 24},
            {courtId: 2, status: 1, price: '200', id: 25},
            {courtId: 3, status: 1, price: '300', id: 26},
            {courtId: 4, status: 1, price: '400', id: 27},
            {courtId: 5, status: 1, price: '500', id: 28},
            {courtId: 6, status: 1, price: '600', id: 29},
            {courtId: 7, status: 1, price: '700', id: 30},
            {courtId: 8, status: 1, price: '800', id: 31}
          ]
        },
        {bookTime: '11:00',
          section: [
            {courtId: 1, status: 1, price: '400', id: 24},
            {courtId: 2, status: 1, price: '200', id: 25},
            {courtId: 3, status: 1, price: '300', id: 26},
            {courtId: 4, status: 1, price: '400', id: 27},
            {courtId: 5, status: 1, price: '500', id: 28},
            {courtId: 6, status: 1, price: '600', id: 29},
            {courtId: 7, status: 1, price: '700', id: 30},
            {courtId: 8, status: 1, price: '800', id: 31}
          ]
        },
        {bookTime: '11:00',
          section: [
            {courtId: 1, status: 1, price: '400', id: 24},
            {courtId: 2, status: 1, price: '200', id: 25},
            {courtId: 3, status: 1, price: '300', id: 26},
            {courtId: 4, status: 1, price: '400', id: 27},
            {courtId: 5, status: 1, price: '500', id: 28},
            {courtId: 6, status: 1, price: '600', id: 29},
            {courtId: 7, status: 1, price: '700', id: 30},
            {courtId: 8, status: 1, price: '800', id: 31}
          ]
        },
        {bookTime: '11:00',
          section: [
            {courtId: 1, status: 1, price: '400', id: 24},
            {courtId: 2, status: 1, price: '200', id: 25},
            {courtId: 3, status: 1, price: '300', id: 26},
            {courtId: 4, status: 1, price: '400', id: 27},
            {courtId: 5, status: 1, price: '500', id: 28},
            {courtId: 6, status: 1, price: '600', id: 29},
            {courtId: 7, status: 1, price: '700', id: 30},
            {courtId: 8, status: 1, price: '800', id: 31}
          ]
        },
        {bookTime: '11:00',
          section: [
            {courtId: 1, status: 1, price: '400', id: 24},
            {courtId: 2, status: 1, price: '200', id: 25},
            {courtId: 3, status: 1, price: '300', id: 26},
            {courtId: 4, status: 1, price: '400', id: 27},
            {courtId: 5, status: 1, price: '500', id: 28},
            {courtId: 6, status: 1, price: '600', id: 29},
            {courtId: 7, status: 1, price: '700', id: 30},
            {courtId: 8, status: 1, price: '800', id: 31}
          ]
        },
        {bookTime: '11:00',
          section: [
            {courtId: 1, status: 1, price: '400', id: 24},
            {courtId: 2, status: 1, price: '200', id: 25},
            {courtId: 3, status: 1, price: '300', id: 26},
            {courtId: 4, status: 1, price: '400', id: 27},
            {courtId: 5, status: 1, price: '500', id: 28},
            {courtId: 6, status: 1, price: '600', id: 29},
            {courtId: 7, status: 1, price: '700', id: 30},
            {courtId: 8, status: 1, price: '800', id: 31}
          ]
        },
        {bookTime: '11:00',
          section: [
            {courtId: 1, status: 1, price: '400', id: 24},
            {courtId: 2, status: 1, price: '200', id: 25},
            {courtId: 3, status: 1, price: '300', id: 26},
            {courtId: 4, status: 1, price: '400', id: 27},
            {courtId: 5, status: 1, price: '500', id: 28},
            {courtId: 6, status: 1, price: '600', id: 29},
            {courtId: 7, status: 1, price: '700', id: 30},
            {courtId: 8, status: 1, price: '800', id: 31}
          ]
        }
      ]
    }
  }
}
</script>

<style lang="scss" scoped>
@import "../css/config";
#views-book_court{
  width: 100%;
  height: 100%;
  overflow: scroll;
  box-sizing: border-box;
  background-color: #e2e2e2;
}
</style>
